html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
/*	font-size: 100%;*/
	vertical-align: baseline;
}

html {
    height: 100%;           
}
body {
    background: #E7E7E2;
    background: url('/images/background.png');
    color: #696767;
    font-family: Calibri,'Lucida Grande',Verdana,'Bitstream Vera Sans',Arial,sans-serif;
    font-size: 12px;
    line-height: 22px;
    margin: 0;
    padding: 0;
    height: 100%;   
}
#main{
    margin: auto;
    margin-top: 50px;
    width: 960px;
    background-color: #FFFFFF;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -moz-box-shadow: 3px 3px 5px 6px #ccc;
    -webkit-box-shadow: 3px 3px 5px 6px #ccc;
    box-shadow:         3px 3px 5px 6px #ccc;
    font-family: Calibri;
    height: auto;
   
}
#header-top {
    height: 30px;
    padding-right: 10px;   
}
#header-bottom{
    height: 90px;
    border-bottom: 0px solid black;
    
}
#header-top #action .orange_button{
    text-shadow: 1px 1px 1px #FF9110;
    color:white;
    font-size: 14px;
    padding: 5px;
    font-weight: bold;
    float: right;
    margin-left: 5px;
    background-color: #FF9110;
   -webkit-border-radius: 0px 0px 5px 5px;
   -moz-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
    
}
#header-top #action .green_button{
    text-shadow: 1px 1px 1px #A6D935;
    color:white;
    font-size: 14px;
    padding: 5px;
    font-weight: bold;
    float: right;
    margin-left: 5px;
    background-color: #A6D935;
   -webkit-border-radius: 0px 0px 5px 5px;
   -moz-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px; 
}
#main #sub-header{
    height:30px;
    border: 0px solid black;
    font-family: Calibri;   
}
#main #sub-header #user{
    float: right;
    padding: 0px 5px 0px 5px;
}
#main .main-container {
    border: 0px solid #D2D2CF;
    overflow: hidden;
    padding: 29px;
    background: #FFFFFF;
}
#content {
    height: 100%;
}
#content #left-col{
    float: left;
    height:286px;
    margin-left: 13px;
    width: auto;
}
#content #right-col{
    float: left;
    margin-left: 15px;
    width: 260px;
}
#content #main-col{
    float: left;
    margin-left: 13px; 
}
ul.navigation { 
    padding: 0px;
    list-style-type: none;
    line-height: 0px;
    overflow: hidden;
}
ul.navigation li { 
    display: inline;
    text-align: center;
}
ul.navigation li a { 
    padding: 3px 5px 3px 5px;
    background-color: #A6D935;
    color:#FFF;
    text-decoration: none;
    line-height: 17px;
    overflow: hidden;
   -webkit-border-radius: 5px 5px  0px 0px;
   -moz-border-radius: 5px 5px  0px 0px;
    border-radius: 5px 5px  0px 0px;
    display: inline-block;
    width: 60px;
    height: 20px;
    font-family: Calibri;
    font-size: 12px;
}
ul.navigation li a.selected {
    background-color: #FD961B;
    color:#FFF;  
}
ul.navigation li a:hover {
    background-color: #FD961B;
    color: #FFF;
    
}
div#button_connexion a{
    background-color: #FD961B;
    color: #FFF;
    text-decoration: none;
}
div#button_connexion a:hover{
    background-color: #FD961B;
    color: #FFF;
    text-decoration: none;
}

div#footer
{
    background-color: #A6D935;
    padding: 10px;
    height: 100px;
}
div#copyright
{
    font-size: 12px;
    float:left;
    margin-right:15px;
    color: #FFFFFF;
}

div#menu_footer
{
    font-size: 14px;
    float:right;
    font-weight: bold;
}

div#footer ul li
{
    text-align: right;   
}
div#footer ul li a
{
    color: #FFFFFF;
    text-decoration: none;
}

div#footer ul li a:hover 
{
     color: #F7EFDA;
    text-decoration: underline;
}
div.menu{
   -webkit-border-radius: 5px 5px  0px 0px;
   -moz-border-radius: 5px 5px  0px 0px;
    border-radius: 5px 5px  0px 0px;
}
div.menu > div { 
    padding:5px;
    margin-top: 0px;
 -webkit-border-radius: 0px 0px 5px 5px;
   -moz-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
    background-color: #F7EFDA;  
}
#cuisine{
    text-align: justify;
    padding: 7px;
}
#ambiance{
    text-align: justify;
    padding: 7px;
}
#prix{
    text-align: justify;
    padding: 7px;
}
#service{
    text-align: justify;
    padding: 7px;
}
.idleField {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 2px solid #DFDFDF;
    color: #6F6F6F;
}

ul#departements {
    list-style: none;
    background: url('../images/Picture1.png') no-repeat #A6D935 0 0;
    position: relative;
    width: 350px;
    height: 293px;
    margin: 0;
    padding: 0;
    border:1px solid #A6D935;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
    border-radius: 5px;
}
ul#departements li {
    border: 0px solid #000;
    position: absolute;
}
ul#departements li a{
    display: block;
    height: 100%;
    text-decoration:none;
}
#val_d_oise {
    width: 172px;
    height: 80px;
    top: 0px;
    left: 25px;
}
#seine_saint_denis {
    width: 50px;
    height: 52px;
    top: 55px;
    left: 148px;
    z-index: 1;
}
#yvelines{
    width: 129px;
    height: 165px;
    top: 36px;
    left: 0px;
    z-index: 0;
}
#essonne {
    width: 112px;
    height: 127px;
    top: 112px;
    left: 77px;
    z-index: 1;
}
#seine_et_marne {
    width: 188px;
    height: 254px;
    top: 28px;
    left: 159px;
}
#haute_seine {
    width: 37px;
    height: 60px;
    top: 70px;
    left: 117px;
    z-index: 1;
}
#paris {
    width: 42px;
    height: 25px;
    top: 83px;
    left: 133px;
    z-index: 2;
}
#val_de_marne {
    width: 52px;
    height: 46px;
    top: 93px;
    left: 146px;
    z-index: 2;
}
ul#departements li a:hover {
    background: url('../images/Picture1.png') no-repeat 0 0;
}
ul#departements li#val_d_oise a:hover {	
    background-position: -25px -903px;
}
ul#departements li#yvelines a:hover {
    background-position: 0px -464px;	
}
ul#departements li#essonne a:hover {
    background-position: -76px -684px;   
}
ul#departements li#seine_et_marne a:hover {
    background-position: -160px -1055px;	
}
ul#departements li#haute_seine a:hover {
    background-position: -48px -320px;	
}
ul#departements li#paris a:hover {
    background-position: -132px -332px; 
}
ul#departements li#val_de_marne a:hover {	
    background-position: -146px -401px;
}
ul#departements li#seine_saint_denis a:hover {
    background-position: -273px -305px;   
}
ul#departements li a:hover span {
    display: block;
    padding: 5px;
    width: 60px;
    background: #000;
    position: relative;
    top: 50%;
    font: 11px Calibri;
    opacity: .75;
    filter:alpha(opacity=75);
    color: #FFF;
    text-align: center;
    margin-left: 2px;
}
ul#departements li a span {
    display: none;
}

#search{
    border:1px solid black;
    height: 80px;
}
#search_engine{
    float: left;
    margin-top: 25px;
    margin-left: 7px;
    border:0px solid #F7EFDA;
    width: 600px;
    padding: 0px; 
}
#submit_button{
    border: 0px solid #A6D935;
    color:white;
    font-size: 13px;
    font-weight: bold;
    padding: 10px;
    margin-left: 25px;
    background-color: #A6D935;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
    border-radius: 8px;
    height: 38px;
    width: 102px;   
}
.roundies{
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
    border-radius: 5px;
}
#s, #searchsubmit {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #BBBBBB;
    color: black;
    display: block;
    font-weight: 700;
    padding: 3px;
    width: 450px;
    float: left;
    font-family: Calibri;
    height: 30px;
}

h3.titre{
    margin-bottom: 3px;
    background:#FF9110;
    height: 15px;
    color:#FFF;
    font-size: 14px;
    padding : 5px;
    margin-left:10;
    line-height: 12px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
    border-radius: 5px;
}
h3.titremenu{
    margin-bottom: 3px;
    background:#FF9110;
    height: 15px;
    font-size: 18px;
    padding : 5px;
    margin-left:10;
    line-height: 12px;
    color:#FFFFFF;
    text-align: center;
}
.block{
    background: #F7EFDA;
    height: 200px;
    -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
}
.search_options{
    border:0px solid black;
    font-size: 14px;
    font-style: italic;
    width:460px;
    text-align: right;
}
.un{
    background: url('/images/un.png') no-repeat;
    height: 62px;
}
.deux{
    background: url('/images/deux.png') no-repeat;
    height: 62px;
}
.trois{
    background: url('/images/trois.png') no-repeat;
    height: 62px;
}
#listRestaurant{
        z-index: -1;
        height: auto;
        border: 0px solid black;
}
#listRestaurant .blockRestaurant{
    padding: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
    border-radius: 5px;
    background: #F7EFDA;
    width:470px;
    margin-bottom: 10px;
    border:0px solid black;
    height:57px;   
}
#listRestaurant .blockRestaurant .restaurantAttr{
  float:left;
  line-height: 10px;
}
#listRestaurant .blockRestaurant .nameRestaurant{
  font-size: 18px;
  font-weight: bold;
  border:0px solid black;
}
#listRestaurant .blockRestaurant .statRestaurant{
    float:right;
    text-align: right; 
}
#listRestaurant .blockRestaurant .adressRestaurant{
    font-size: 16px;
    border:0px solid black;
}

#content-restaurant{
    margin:0px 15px 0px 15px;
    height:700px;
    border:0px solid black; 
}

#content-menu{
    margin:0px 15px 0px 15px;
    /*height:2950px;*/
    
    border:0px solid black;
}

#content-restaurant ul{
    
}

#content-restaurant ul li{
    
}

table tr td {
    border-bottom: 1px solid #F0F0F0;
    line-height: 1.5em;
    padding-bottom: 3px;
    padding-top: 8px;
    text-align: left;
}

table tr td.price {
    text-align: right;
}
#breadcrumbs{
    margin:0px 0px 10px 13px;
    border:0px solid black;
    color:#FF9110;
    font-size: 16px;
}

p.linkcuisine a{
    color: #696767;
}
p.linkcuisine a:hover{
    color:#FF9110;
}

p.linkrestaurant a{
    color:#F07A56;
    font-weight: bold;
    font-size: 16px;
    text-decoration: none;
}

p.linkrestaurant a:hover{
    color:#FF9110;
    font-weight: bold;
    font-size: 16px;
}

p.linktitle a{
    color:#F07A56;
    font-weight: bold;
    font-size: 20px;
    text-decoration: none;
}

p.linktitle a:hover{
    color:#FF9110;
    font-weight: bold;
    font-size: 20px;
}

#map_canvas { width:300px;height:250px}

div.planRestaurant {
    float:left;
    margin-left: 30px;
    width: auto;
}

div.listRestaurant{
    width:480px;
}

label
{
	display: block;
	width: 150px;
	float: left;
}

input.button {
   border-top: 1px solid #a5d935;
   background: #a5d935;
   background: -webkit-gradient(linear, left top, left bottom, from(#a5d935), to(#a5d935));
   background: -webkit-linear-gradient(top, #a5d935, #a5d935);
   background: -moz-linear-gradient(top, #a5d935, #a5d935);
   background: -ms-linear-gradient(top, #a5d935, #a5d935);
   background: -o-linear-gradient(top, #a5d935, #a5d935);
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #ffffff;
   font-size: 14px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button:hover {
   border-top-color: #a5d935;
   background: #a5d935;
   color: #FF9110;
   }
.button:active {
   border-top-color: #a5d935;
   background: #a5d935;
   }
.connexion{
    text-shadow: 1px 1px 1px #A6D935;
    color:white;
    font-size: 14px;
    padding: 5px;
    font-weight: bold;
    float: right;
    margin-left: 5px;
    background-color: #A6D935;
   -webkit-border-radius: 5px 5px 5px 5px;
   -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px; 
}

#zone_recherche {
    background: none repeat scroll 0 0;
    border: 0px solid black;
    color: #9B9C9B;
    font: 14px/32px Arial,Helvetica,sans-serif;
    height: 20px;
    margin: 0;
    outline: medium none;
    padding: 0;
    width: 236px;
    padding:20px 0px 20px 20px;
    border-radius: 5px;
    float: right;
    margin-right: 10px;
    margin-top: 40px;
        
}
#texte_recherche {
    border-radius: 4px;
    height: 20px;
    width: 180px;
    border:2px solid #FF9110;
    background-color: #F7EFDA;
}

    #zone_recherche a{
    background: #A6D935;
    border: 1px solid #A6D935;
    border-radius: 2px 2px 2px 2px;
    color: white;
    display: block;
    height: 20px;
    width:35px;
    text-align: center;
    text-decoration: none;
    float: right;
    font-weight: bold;
    line-height: 20px;
}

/*********************************/
#header-top #action .login_btn {
	text-decoration:none;
	text-shadow:1px 1px 0 #000;
	-moz-text-shadow:1px 1px 0 #000;
	-webkit-text-shadow:1px 1px 0 #000;
	color:#fff;
	font-weight:bold;
	font-size:13px;
	background:#FD961B;
	float:right;
	height:32px;
        border:0px solid red;
}
.login_btn:hover {
	background:#FD961B;
}
.login_btn span {
	color:#fff;
	float:left;
	padding:0 10px 0 10px;
	text-align:center;
	margin-top: 8px;
}
.triangle {
	float:left;
	width:0px;
	height:0px;
	margin:14px 9px 0 0;
	border-left:5px solid transparent;
	/* left arrow slant */
	border-right:5px solid transparent;
	/* right arrow slant */
	border-top:5px solid #fff;
	/* bottom,add background color here */
	font-size:0px;
	line-height:0px;
}

#tab {
	background:#F7EFDA;
	width:91px;
	float:right;
	height:38px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	height:41px;
}
#tab .login_btn {
	float:left;
	margin:0px 0 0 0px;
}

#login_box {
	display:none;
	position:absolute;
	width:220px;
	margin:0px 0 0 730px;
        border:0px solid #FD961B;
        background: #F7EFDA;
}

#login_box_content {
	background:#F7EFDA;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	float:left;
	width:220px;
}
#login_form {
	margin:0px 0 0 9px;
}
#login_form input[type=text],#login_form input[type=password] {
	border:1px solid #d8d8d8;
	border-radius:3px;
	font:italic 14px Georgia,times,sans-serif;
	height:26px;
	width:184px;
	margin-top:5px;
	padding-left:10px;
}
#login_form input[type=submit] {
	border:none;
	background:#A6D935;
	color:#fff;
	float:right;
	margin:9px 9px 9px 0;
	width:56px;
	height: 29px;
}